﻿<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
    <!-- Meta Info -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content="Nhan Nguyen" />
    <meta name="keywords" content=" " />
    <meta name="author" content="Nhan Nguyen" />
    <title>Nguyễn Văn Nhân</title>
    <!-- End Meta Info -->

    <!-- Stylesheets (Css files)-->
    <link rel="stylesheet" type="text/css" media="screen" href="~/Content/reset.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="~/Content/style.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="~/Content/flexslider.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="~/Content/fancybox.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="~/Content/jquery.qtip.min.css" />
    <!-- End Stylesheets -->

    <!-- Google Font -->
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans" />
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption" />
    <!-- End Google Fonts -->

    <!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!-- Scripts-->
    <script src="~/Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.easytabs.min.js"></script>
    <script type="text/javascript" src="~/Scripts/respond.min.js"></script>
    <!--<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script src="~/Scripts/jquery.easing.1.3.js"></script>
        <script src="~/Scripts/jquery.coda-slider-2.0.js"></script> 
         <script type="text/javascript" src="~/Scripts/jquery.gmap.min.js"></script> -->

    <script type="text/javascript" src="~/Scripts/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
    <script type="text/javascript" src="~/Scripts/custom.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.adipoli.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.flexslider.js"></script>
    <script type="text/javascript" src="~/Scripts/bar-chart.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.fancybox-1.3.4.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.qtip.min.js"></script>
    <script src="~/Scripts/nhannguyentn.js"></script>
    <script src="~/Scripts/ckeditor/ckeditor.js"></script>

    <!-- End Scripts -->
</head>
<body>
    <!-- Main Wrapper -->
    <div id="container">
        <!-- Main Content -->
        <div id="content">
            <!-- Header -->
            <header class="header striped">
                <!-- Logo -->
                <div class="logo">
                    <h2><a href="#" title="Nhan Nguyen" class="title"><strong>Nguyễn Văn Nhân</strong></a></h2>
                </div>
                <!-- End Logo -->
                <!-- Navigation -->
                <nav class="menu">
                    <ul class="tabs">
                        <li><a href="#profile" class="tab-profile" title="Profile">Profile</a></li>
                        <li><a href="#resume" class="tab-resume" title="Resume">Resume</a></li>
                        <li><a href="#portfolio" class="tab-portfolio" title="Portfolio">Portfolio</a></li>
                        <li><a href="#myphoto" class="tab-myphoto" title="myphoto">My Photo</a></li>
                        <li><a href="#blog" class="tab-blog" title="Blog">Blog</a></li>
                        <li><a href="#contact" class="tab-contact" title="Contact">Contact</a></li>
                    </ul>
                </nav>
                <!-- End Navigation -->
            </header>
            <!-- End Header -->

            <!-- Hidden Logo that appears on lower resolution -->
            <div class="secondary-logo">
                <h2><a href="#" title="Skydreamer vCard"><strong>Nguyen Van Nhan</strong></a></h2>
            </div>
            <!-- End Hidden Logo -->

            <!-- Profile Tab-->

            <section id="profile">
                <!-- Left Column-->

                <div class="onethird-column">

                    <!-- Responsive Image Slider (Flexslider)-->
                    <div id="photo-slider" class="flexslider">
                      <!--  <ul class="slides">
                            <li>
                                <img src="~/images/homeslider/nhan1.jpg" alt="" /></li>
                            <li>
                                <img src="~/images/homeslider/nhan2.jpg" alt="" /></li>
                            <li>
                                <img src="~/images/homeslider/nhan3.jpg" alt="" /></li>
                        </ul> -->
                    </div>
                    <!-- End Slider -->

                    <!-- Available Button-->
                    <div class="available">
                        <a href="#" title="Hire Me" class="available-button">I am available. <strong>Hire Me!</strong></a>
                    </div>
                    <!-- End Available Button-->
                </div>
                <!-- End Left Column -->

                <!-- Start Right Column -->
                <div class="twothird-column">
                    <h2><span>Personal Info</span></h2>
                    <!-- Personal Details -->
                    @Html.Partial("ProfilePartial")
                    <!-- End Details -->
                    <div class="clear"></div>

                    <h2><span>Recent Work</span></h2>
                    <!-- Responsive Recent Work Carousel -->
                    <div id="carousel-slider" class="flexslider">
                        <ul class="slides">
                            <li><a href="~/images/portfolio/portfolio-m1.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m1.jpg" class="grayscale" height="90" alt="" /></a></li>
                            <li><a href="~/images/portfolio/portfolio-m2.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m2.jpg" class="grayscale" height="90" alt="" /></a></li>
                            <li><a href="~/images/portfolio/portfolio-m3.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m3.jpg" class="grayscale" height="90" alt="" /></a></li>
                            <li><a href="~/images/portfolio/portfolio-m4.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m4.jpg" class="grayscale" height="90" alt="" /></a></li>
                            <li><a href="~/images/portfolio/portfolio-m5.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m5.jpg" class="grayscale" height="90" alt="" /></a></li>
                            <li><a href="~/images/portfolio/portfolio-m6.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m6.jpg" class="grayscale" height="90" alt="" /></a></li>
                            <li><a href="~/images/portfolio/portfolio-m7.jpg" class="fancybox" title="Portfolio Item Title">
                                <img src="~/images/portfolio/portfolio-m7.jpg" class="grayscale" height="90" alt="" /></a></li>
                        </ul>
                    </div>
                    <!-- End Carousel -->
                </div>

                <!-- End Right Column -->
            </section>
            <!-- End Profile Tab -->

            <!-- Start Resume Tab -->
            <section id="resume">
                @Html.Partial("ResumePartial")
            </section>
            <!-- End Resume Tab -->

            <!-- Portfolio Tab -->
            <section id="portfolio">
                <h2><span>PortFolio</span></h2>
                <!-- Portfolio Filter -->
                <ul id="portfolio-filter">
                    <li><a href="#" class="current" data-filter="*">All</a></li>
                    <li><a href="#" data-filter=".WebApp">WebApp</a></li>
                    <li><a href="#" data-filter=".photoshop">Photoshop</a></li>
                    <li><a href="#" data-filter=".illustration">Illustration</a></li>
                    <li><a href="#" data-filter=".corel">Corel</a></li>
                </ul>
                <!-- End Portfolio Filter -->
                <!--Portfolio Items -->
                <ul id="portfolio-list">
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt1-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt1.jpg" alt="" />
                    </li>
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt2-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt2.jpg" alt="" />
                    </li>
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt3-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt3.jpg" alt="" />
                    </li>
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt4-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt4.jpg" alt="" />
                    </li>
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt5-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt5.jpg" alt="" />
                    </li>
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt6-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt6.jpg" alt="" />
                    </li>
                    <li class="WebApp">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/vt7-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/vt7.jpg" alt="" />
                    </li>

                    <li class="illustration">
                        <div class="portfolio-description red">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/ai1-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/ai1.jpg" alt="" />
                    </li>
                    <li class="illustration">
                        <div class="portfolio-description green">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/ai2-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/ai2.jpg" alt="" />
                    </li>
                    <li class="illustration">
                        <div class="portfolio-description red">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/ai3-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/ai3.jpg" alt="" />
                    </li>
                    <li class="illustration">
                        <div class="portfolio-description red">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/ai4-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/ai4.jpg" alt="" />
                    </li>

                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m1-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m1.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m2-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m2.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m3-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m3.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m4-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m4.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m5-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m5.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m6-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m6.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m7-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m7.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m8-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m8.jpg" alt="" />
                    </li>
                    <li class="photoshop corel">
                        <div class="portfolio-description blue">
                            <div class="portfolio-text">
                                <h4>Project Title</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
                            </div>
                            <a href="~/images/portfolio/portfolio-m9-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
                        </div>
                        <img src="~/images/portfolio/portfolio-m9.jpg" alt="" />
                    </li>

                </ul>
                <!-- End Portfolio Items -->

                <!-- End Portfolio Items -->
            </section>
            <!-- End Portfolio -->

            <section id="myphoto">
            </section>
            <section id="blog">
                @Html.Partial("BlogPartial")
            </section>
            <section id="contact">
                <h2><span>Contact</span></h2>
                @Html.Partial("ContactPartial")
            </section>

            <!-- Blue Strip -->
            <div class="footer-strip"></div>
            <!-- End Blue Strip -->
        </div>
        <!-- End MainContent -->

        <!-- Footer -->
        <footer class="footer">
            <div class="copyright">Copyright © 2013 <a href="#" title="">Nhan Nguyen All Rights Reserved.</a></div>
        </footer>
        <!-- End Footer -->
    </div>
    <!-- End Main Wrapper -->

    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-24477850-3']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>

    @RenderBody()

</body>
</html>




